<script setup>
import webrtc from './webrtc/index.vue'
import {ref} from 'vue'
const webrtcCmp = ref()
function show() {
  webrtcCmp.value.show()
}
const config = {
  ws: 'ws://localhost:7777'
}
function onMessage(data) {
  console.log('onmessage', data)
}
</script>

<template>
  <div>
    <button @click="show">show</button>
    <webrtc :config="config" ref="webrtcCmp" @onmessage="onMessage">
    </webrtc>
  </div>
</template>

<style scoped>
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}
.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}
</style>
